<template>
    <view>
        <!-- pages/mine/index.wxml -->
        <view class="tit flex align-center padding margin-bottom-lg">
            <image class="cu-avatar xl round" src="http://lc-LXl0IGlm.cn-n1.lcfile.com/grJvUUxBXty8RcOywfruTgNH3JIoNWcW/mine1.jpg" mode="" />
            <text class="text-xl padding-lg">微信用户</text>
            <text class="iconfont icon-gengduo1"></text>
        </view>

        <view class="cu-list menu">
            <view class="cu-item arrow">
                <view class="content" hover-class="none">
                    <text class="iconfont icon-wodeyuyue"></text>
                    <text class="text-black margin-left text-lg">我的预约</text>
                </view>
            </view>
            <view class="cu-item arrow">
                <view class="content" hover-class="none">
                    <text class="iconfont icon-caidan"></text>
                    <text class="text-black margin-left text-lg">我参加的活动</text>
                </view>
            </view>
            <view class="cu-item arrow">
                <navigator class="content" url="/pages/about/about/about" hover-class="none">
                    <text class="iconfont icon-zhaoxiangji"></text>
                    <text class="text-black margin-left text-lg">扫码签到</text>
                </navigator>
            </view>
            <view class="cu-item arrow">
                <navigator class="content" url="/pages/about/about/about" hover-class="none">
                    <text class="iconfont icon-xiaoxi"></text>
                    <text class="text-black margin-left text-lg">联系客服</text>
                </navigator>
            </view>
            <view class="cu-item arrow">
                <navigator class="content" url="/pages/about/about/about" hover-class="none">
                    <text class="iconfont icon-dianzan_kuai"></text>
                    <text class="text-black margin-left text-lg">关于</text>
                </navigator>
            </view>
            <view class="cu-item arrow">
                <navigator class="content" url="/pages/about/about/about" hover-class="none">
                    <text class="iconfont icon-wode2"></text>
                    <text class="text-black margin-left text-lg">退出登录</text>
                </navigator>
            </view>
        </view>
    </view>
</template>

<script>
// pages/mine/index.js
export default {
    data() {
        return {};
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {}
};
</script>
<style>
/* pages/mine/index.wxss */
page {
    background-color: #f1f1f1;
}

.tit {
    width: 750rpx;
    height: 220rpx;
    background-color: #fff;
}
.tit .icon-gengduo1 {
    font-size: 72rpx;
    margin-left: 240rpx;
}
.icon-wodeyuyue {
    color: #39b54a;
}

.icon-caidan {
    color: #9c26b0;
}

.icon-zhaoxiangji {
    color: #6739b6;
}

.icon-xiaoxi {
    color: #e03997;
}

.icon-dianzan_kuai {
    color: #0081ff;
}

.icon-wode2 {
    color: #fbbd08;
}
.cu-item {
    height: 130rpx;
}
</style>
